<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>响应式网站开发</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<!--[if lt IE 9]>
			<script src="html5.js"></script>
			<script src="respond.js"></script>
		<![endif]-->
		<link rel="stylesheet" href="../css/base.css" type="text/css" />
		<link rel="stylesheet" href="../css/index.css" type="text/css" />
		<link rel="stylesheet" href="../css/jquery.bxslider.css" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../css/school.css" />
		<link rel="stylesheet" type="text/css" href="../css/max.css" media="screen and (min-width:1000px)" />
		<link rel="stylesheet" type="text/css" href="../css/min.css" media="screen and (max-width:700px)" />
		<link rel="stylesheet" type="text/css" href="../css/min-max.css" media="screen and (min-width:700px)and (max-width:1000px)" />
		<meta content="telephone=no,email=no" name="format-detection" />
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript" src="../js/jquery.bxslider.js"></script>
	</head>

	<body>
		<div class="container clearfix">
			<header class="header-box">
				<header class="clearfix">
					<div class="logo">
						<img src="../img/logo.jpg" /></a>
					</div>
					<nav>
						<ul class="clearfix">
							<li><a href="../index.html">首页</a></li>
							<li><a href="../survey.html">学校概况</a></li>
							<li><a href="../setup/ambient.html">课程设置</a></li>
							<li><a href="../school/student.html">校园风采</a></li>
							<li><a href="../index.html#zuopin">学员作品</a></li>
							<li><a href="../teacher/index.html">师资力量</a></li>
							<li><a href="../serve/serve.html">学员服务</a></li>
							<li><a href="../contact/index.html">联系我们</a></li>
						</ul>
					</nav>
					<div class="design none">
						景秀教育官网
					</div>
					<div class="pop_menu none clearfix" id="menu-click">
						<img src="../img/img_03.jpg" />
					</div>
					<div class="nav none" id="menu-total">
						<ul class="ul clearfix">
							<li><a href="../index.html">首页</a></li>
							<li><a href="../survey.html">学校概况</a></li>
							<li><a href="../setup/ambient.html">课程设置</a></li>
							<li><a href="../school/student.html">校园风采</a></li>
							<li><a href="../index.html#zuopin">学员作品</a></li>
							<li><a href="../teacher/index.html">师资力量</a></li>
							<li><a href="../serve/serve.html">学员服务</a></li>
							<li><a href="../contact/index.html">联系我们</a></li>
						</ul>
					</div>
				</header>
			</header>
			<div class="no"></div>
			<div class="setup clearfix" id="setup">
				<aside>
					<ul class="clearfix">
						<li><a href="student.html">新生军训</a></li>
						<li style="border-bottom:4px solid #fa9634;"><a href="student_1.html">环艺实习<span>基地</span></a></li>
						<li><a href="student_2.html">趣味活动</a></li>
						<li><a href="student_3.html">大学生实<span>训</span></a></li>
						<li><a href="student_4.html">观看话剧<span>表演</span></a></li>
						<li><a href="student_5.html">圣诞晚会</a></li>
					</ul>
				</aside>
				<section id="section_1">
					<div id="big">
					</div>
					<ul id="petty">
						<li></li>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
					<p>大学生在学校通过自己学习的努力和付出获得了一定的专业技术，只有通过实习来稳固提升专业技术才能在以后的就业工作道理中更好的发展自己。学员通过实习可以更进一步的接近自己向往的公司单位，为以后的就业做好铺垫和提供参考。学校和职场，学习和工作，学生和员工是发生了质的改变，它们之间有着太大的差异。而实习正式提供了一个从学生变成员工，从学习变成工作。从学校走进职场的机会，让大家真实的接触职场。有了实习的经验，以后就业的道路就会少走很多弯路
					</p>
					<p>学校的每一次改变，都是为了让家长和招生老师，没有后顾之忧。学校的每一次进步，都是为了学生更快的学业有成！</p>
				</section>
				<script type="text/javascript">
				var big = document.getElementById('big');
				var petty = document.getElementById('petty');
				var pli = petty.getElementsByTagName('li');
				pli[0].style.background = 'url(../img/hysxjd_1.jpg) no-repeat';
				pli[0].style.backgroundSize = '100% 100%';
				pli[1].style.background = 'url(../img/hysxjd_2.jpg) no-repeat';
				pli[1].style.backgroundSize = '100% 100%';
				pli[2].style.background = 'url(../img/hysxjd_3.jpg) no-repeat';
				pli[2].style.backgroundSize = '100% 100%';
				pli[3].style.background = 'url(../img/hysxjd_4.jpg) no-repeat';
				pli[3].style.backgroundSize = '100% 100%';
				pli[4].style.background = 'url(../img/hysxjd_5.jpg) no-repeat';
				pli[4].style.backgroundSize = '100% 100%';
				for (var i = 0; i < pli.length; i++) {
					pli[i].onclick = btn;
					pli[i].style.opacity = '0.8';
				}
				
				function btn() {
					big.style.background = this.style.background;
					big.style.backgroundSize='100% 100%';
					this.style.border = '1px solid blue';
				}
				var d = -1;
				var c = -1;
				window.onload = function jishi() {
					d++;
					if (d < pli.length) {
						big.style.background = pli[d].style.background;
						pli[d].style.border = '1px solid blue';
					} else if (d == pli.length) {
						d = -1;
						big.style.background = pli[d + 1].style.background;
					}
					setTimeout(jishi, 1000);
				}
				</script>
			</div>

			<footer class="footer-box">
				<footer>
					<ul class="clearfix">
						<li>
							<a name="lianxi"></a>咨询电话：010-58447031<br />010-58447030 </li>
						<li>咨询邮箱：bjjxkj@126.com<br />Moblie:15321575023 </li>
						<li>咨询QQ：1718693915<br />1019959019<br />138259017 </li>
						<li> 学院网址：http://www.zgcxueyuan.com<br /> 学院地址：中关村学院二分院（北京市海淀区中关村环保科技园温阳路170号)</li>
					</ul>
				</footer>
			</footer>
			<script type="text/javascript">
				$(document).ready(function() {
					$('.slider7').bxSlider({
						slideWidth: 140000,
						infiniteLoop: false,
						hideControlOnEnd: true,
						slideMargin: 0
					});
				});
			</script>
		</div>
	</body>

</html>